<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">


	<f:metadata>
		<f:viewParam name="id" value="#{movimientoBean.id}" />
		<f:event type="preRenderView" listener="#{movimientoBean.inicio()}" />
	</f:metadata>

	<ui:define name="centerContent">
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
			<h:outputText value="#{msgs['form.movimiento.detalle']}" />

			<h:form id="view">

				<p:panel id="panelCreate">
					<p:messages  showDetail="true"  closable="true" showSummary="true"/>
					<p:panelGrid id="panelMovimiento"
						style="width: 100%;text-align:left">
						<p:row>
							<p:column style="width: 10%;">
								<h:outputLabel for="cuenta" value="#{msgs['cuenta']}: " />
							</p:column>
							<p:column>
								<h:outputLabel for="cuenta" value="#{movimientoBean.entity.cuenta.nombre}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column style="width: 10%;">
								<h:outputLabel for="concepto"
									value="#{msgs['form.movimiento.concepto']}:" />
							</p:column>
							<p:column >
								<h:outputLabel id="concepto" value="#{movimientoBean.entity.concepto}" />								
							</p:column>
						</p:row>
						<p:row>
							<p:column style="width: 10%;">
								<h:outputLabel for="tipoFactura"
									value="#{msgs['form.movimiento.tipofactura']}:" />
							</p:column>
							<p:column >
								<h:outputLabel id="tipoFactura" value="#{movimientoBean.entity.tipoFactura.toString()}" />							
							</p:column>
						</p:row>
						<p:row>
							<p:column style="width: 10%;">
								<h:outputLabel for="factura"
									value="#{msgs['form.movimiento.factura']}:" />
							</p:column>
							<p:column >
								<h:outputLabel id="factura"	value="#{movimientoBean.entity.factura}" />								
							</p:column>
						</p:row>
						<p:row>
							<p:column style="width: 10%;">
								<h:outputLabel for="tipoMovimiento"
									value="#{msgs['form.movimiento.tipo']}:" />
							</p:column>
							<p:column >
							<h:outputLabel for="tipoMovimiento"
									value="#{movimientoBean.entity.tipoMovimiento.toString()}" />								
							</p:column>
						</p:row>
						<p:row>
							<p:column style="width: 10%;">
								<h:outputLabel for="importe"
									value="#{msgs['form.movimiento.importe']}:" />
							</p:column>
							<p:column >
								<h:outputLabel id="importe"	value="#{movimientoBean.entity.importe}">
									<f:convertNumber currencySymbol="$" type="currency"/>
								</h:outputLabel>								
							</p:column>
						</p:row>
						<p:row>
							<p:column style="width: 10%;">
								<h:outputLabel for="fecha" value="#{msgs['form.fecha']}:" />
							</p:column>
							<p:column >
							<h:outputLabel id="fecha"	value="#{movimientoBean.entity.fecha}">
									<f:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
							</h:outputLabel>
								
							</p:column>
						</p:row>
						<f:facet name="footer">
							<p:row>
								<p:column colspan="4">
									<ui:include src="/templates/toolbarView.xhtml" />
								</p:column>
							</p:row>
						</f:facet>
						</p:panelGrid>

						
				</p:panel>

			</h:form>






		</h:panelGroup>
	</ui:define>
</ui:composition>
</html>

